<script setup>
import { ref } from 'vue';
import SonCom from './components/SonCom.vue';

const msg = ref('来自父组件')

</script>

<template>
<!-- 结构 -->
  <div class="bigbox">
    <h1>父组件</h1>
    <SonCom :msg="msg"/>
    <button @click="msg += '!'">修改数据</button>
  </div>
</template>

<style scoped>
/* 样式 */
.bigbox{
  padding: 20px;
  border: 5px solid #6de;
}
</style>
